<template>
    <el-button :type="type" :size="bSize" :icon="icon" :disabled="disabled">
        <slot></slot>
    </el-button>
</template>

<script>
export default {
    name: "BaseButton",
    data() {
        return {
            bSize: 'small'
        }
    },
    props: {
        icon: '',
        type: '',
        size: {
            type: String,
            default: 'small'
        },
        disabled: {
            type: Boolean,
            default: false
        }
    },
    watch: {
        size(n, o) {
            this.bSize = n;
        }
    },
}
</script>
